<script setup lang="ts">
import BlockBox from '../BlockBox.vue';
import Message from '../../packages/components/message/index'
const message = () => {
    setTimeout(() => {
        Message.success('success')
        setTimeout(() => {
            Message.warning('warning')
            setTimeout(() => {
                Message.text('text')
                setTimeout(() => {
                    Message.error('error')
                    setTimeout(() => {
                        Message.loading({ id: 'xxx', content: 'loading' })
                    }, 100)
                }, 100)
            }, 100)
        }, 100)
    }, 100)
}

const messages = () => {
    Message.remove('xxx')
}
</script>
<template>
    <BlockBox text="消息测试">
        <es-button @click="message">消息提示内容</es-button>
        <es-button @click="messages">关闭消息提示内容</es-button>
    </BlockBox>
</template>
<style scoped></style>
